<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html">
  <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
  <!--  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  -->
  <script src="../assets/flexible/flexible.debug.js"></script>
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <title>首页</title>
  <link rel="stylesheet" href="../assets/font-awesome-4.7.0/css/font-awesome.css">
  <link rel="stylesheet" href="../assets/animate/animate.min.css">
  <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../css/menu.css"></head>
<body>

  <header class="header">
    <a href="Goodbeans.html">
      <span class="fa fa-arrow-left"></span>
    </a>

    <form>
      <input  type="text" placeholder="搜索菜谱..."/> <i class="fa fa-search is"></i>
    </form>
    <a href="">
      <span class="fa fa-list"></span>
    </a>

  </header>

  <main></main>

  <script type="text/html" id="MAIN">
      {{each MAIN as v}} 
  <figure class="fig">
    <img src="{{v.imgs}}"></figure>
   <section>
     <p class="pes"> <i class="fa fa-ravelry"></i>
      <span>{{v.spn}}</span>
      <i class="fa fa-chevron-circle-right"></i>
    </p>
    <figure class="fig">
      <img class="tuor" src="{{v.imt}}" ></figure>
    <div class="foontdiv">
      <p>
        <i class="fa fa-universal-access"></i>
        <span>{{v.san}}</span>
        <i class="fa fa-ravelry"></i>
        <i class="fa fa-transgender"></i>
      </p>
      <p>{{v.ps1}}</p>
      <p>{{v.ps2}}</p>
      <p>
        <span>{{v.ps3}}</span>
         <i class="fa fa-thumbs-o-up"></i>
         <span class="sp1">{{v.ps3i}}</span>
         <i class="fa fa-commenting-o"></i>
         <span class="sp2">{{v.p3i}}</span>
       </p>
    </div>
   </section>
      {{/each}}
</script>
  <script src="../assets/JQ/jquery-3.2.1.min.js"></script>
  <script src="../assets/swiper/js/swiper.min.js"></script>
  <script src="../assets/animate/swiper.animate1.0.2.min.js"></script>
  <script src="../assets/template-web.js"></script>
  <script src="../js/menu.js"></script>
</body>
</html>